@mixin textOverflow($line: 1) {
  @if ($line > 1) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $line;
    overflow: hidden;
  } @else {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
  }
}

@mixin themBgOpacity($opacity: .5) {
  background: rgba(203, 160, 122, $opacity);
}
@mixin borderSolidThemOpacity($opacity: .5, $px: 1px) {
  border: solid $px rgba(203, 160, 122, $opacity);
}

@mixin transition() {
  transition: all .3s;
}